<?xml version="1.0" encoding="UTF-8"?>
<page
        xmlns="http://cloudprint.cainiao.com/print"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://cloudprint.cainiao.com/print
         http://cloudprint-docs-resource.oss-cn-shanghai.aliyuncs.com/lpml_schema.xsd"
        xmlns:editor="http://cloudprint.cainiao.com/schema/editor"
        width="48" height="" splitable="true">
    <%
    // 计算模块高度
    function getHeight(text,size) {
        var height = 0
        if(size >= 14) {
            var lineHeight = 6
            // 高度 = 向上取整(文字长度 + "备注：") / （字号14，9个字符为一行） * 一行的高度
            height = (Math.ceil((3 + text.length) / 9)) * 6
        }
       return height
    }
    // 计算商品的高度
    function getProductHeightOffset() {
        _data.product.map((item,index)=> {
            item.height = getHeight(item.name, 14)
        })
        _data.product.map((item,index)=> {
            if(index == 0) {
                item.offset = food_list_height
            } else {
                item.offset = _data.product[index -1].offset + _data.product[index -1].height
            }
        })
    }
    // 页面宽度
    var page_width = 47
    // title 高度位置
    var title_height = 0
    // 店铺名称高度位置
    var merchant_height = 8
    // 下单时间高度位置
    var create_time_height = merchant_height + 5
    // 下单时间分割线高度位置
    var create_time_line = create_time_height + 5
    // 备注高度位置
    var remark_height = create_time_line + 2
    // 备注分割线高度位置
    var remark_height_line = remark_height + getHeight(_data.remark, 14)
    // 一号口袋高度位置
    var food_one_height = remark_height_line + 2
    // 食品信息高度位置
    var food_list_height = food_one_height + 5
    // 计算商品列表中的高度
    getProductHeightOffset()
    // 其他信息title高度位置
    var other_title_height = _data.product[_data.product.length -1].offset + _data.product[_data.product.length -1].height
    // 打包费高度位置
    var box_price_height = other_title_height + 5
    // 配送费高度位置
    var pay_postage_height = box_price_height + 5
    // 优惠价格高度位置
    var coupon_price_height = pay_postage_height + 5
    // 优惠价格分割线高度位置
    var coupon_price_line = coupon_price_height + 5
    // 总价格高度位置
    var total_price_height = coupon_price_line + 2
    // 总价格分割线高度位置
    var total_price_line = total_price_height + 5
    // 客户名称高度位置
    var user_name_height = total_price_line + 2
    // 客户手机号高度位置
    var user_phone_height = user_name_height + 7
    // 一维码高度位置
    var code_height = user_phone_height + 12
    // 页脚结束位置
    var footer_title_height = code_height + 7.6
    %>
    <header height="0"></header>
    <footer height="0"></footer>
    <!--页面标题-->
    <layout width="<%=page_width%>" height="8" left="0" top="<%=title_height%>">
        <text style="fontFamily:SimHei;fontWeight:bold;fontSize:14;lineHeight:7;align:center;">
            <![CDATA[****#<%=_data.issue_number %>海鹭外卖****]]>
        </text>
    </layout>
    <!--店铺名称-->
    <layout width="<%=page_width%>" height="5" left="0" top="<%=merchant_height%>">
        <text style="fontFamily:SimHei;lineHeight:5;align:center;">
            <![CDATA[*<%=_data.merchant.mer_name%>*]]>
        </text>
    </layout>
    <!--下单时间-->
    <layout width="<%=page_width%>" height="3" left="0" top="<%=create_time_height%>">
        <text style="fontFamily:SimHei;">
            <![CDATA[下单时间：<%=_data.create_time%>]]>
        </text>
    </layout>
    <!--分割线（破折线）-->
    <line style="lineType:dashed;lineColor:#000;lineWidth:0.5;" startX="0" startY="<%=create_time_line%>" endX="<%=page_width%>" endY="<%=create_time_line%>"></line>
    <!--备注-->
    <layout width="<%=page_width%>" left="0" top="<%=remark_height%>">
        <text style="fontFamily:黑体;fontWeight:bold;fontSize:14;wrap:true">
            <![CDATA[备注：<%=_data.remark%>]]>
        </text>
    </layout>
    <!--分割线（点线）-->
    <line style="lineType:dotted;lineColor:#000;" startX="0" startY="<%=remark_height_line%>" endX="<%=page_width%>" endY="<%=remark_height_line%>"></line>
    <!--一号口袋-->
    <layout width="<%=page_width%>" height="3" left="0" top="<%=food_one_height%>">
        <text style="fontFamily:SimHei;align:center;lineHeight:3;">
            <![CDATA[----------- 一号口袋 ------------]]>
        </text>
    </layout>
    <!--食品信息-->
    <layout width="<%=page_width%>" height="" left="" top="<%=food_list_height%>" orientation="vertical">
        <% for(var i=0;i<_data.product.length;i++){ %>
        <layout width="<%=page_width%>" top="<%=_data.product[i].offset%>">
            <text style="fontFamily:SimHei;fontSize:14;">
                <![CDATA[<%=_data.product[i].name%>]]>
            </text>
        </layout>
        <layout width="42" height="8" orientation="horizontal">
            <text style="fontFamily:SimHei;fontSize:14;align:center;lineHeight:8">
                <![CDATA[*<%=_data.product[i].num%>]]>
            </text>
            <text style="fontFamily:SimHei;fontSize:14;align:center;lineHeight:8">
                <![CDATA[<%=_data.product[i].price%>]]>
            </text>
        </layout>
        <%}%>
    </layout>
    <!--其他信息-->
    <layout width="<%=page_width%>" height="5" left="0" top="<%=other_title_height%>">
        <text style="fontFamily:SimHei;lineHeight:5;align:center;">
            <![CDATA[---------- 其他 ----------]]>
        </text>
    </layout>
    <!--打包费-->
    <layout width="30" height="5" left="0" top="<%=box_price_height%>" orientation="horizontal">
        <text style="fontFamily:SimHei;lineHeight:5;align:left;">
            <![CDATA[打包费]]>
        </text>
        <text style="fontFamily:SimHei;lineHeight:5;align:right;">
            <![CDATA[2.0]]>
        </text>
    </layout>
    <!--配送费-->
    <layout width="30" height="5" left="0" top="<%=pay_postage_height%>" orientation="horizontal">
        <text style="fontFamily:SimHei;lineHeight:5;align:left;">
            <![CDATA[配送费]]>
        </text>
        <text style="fontFamily:SimHei;lineHeight:5;align:right;">
            <![CDATA[5.0]]>
        </text>
    </layout>
    <!--优惠价格-->
    <layout width="30" height="5" left="0" top="<%=coupon_price_height%>" orientation="horizontal">
        <text style="fontFamily:SimHei;lineHeight:5;align:left;">
            <![CDATA[优惠价格]]>
        </text>
        <text style="fontFamily:SimHei;lineHeight:5;align:right;">
            <![CDATA[- 9.8]]>
        </text>
    </layout>
    <!--优惠价格分割线-->
    <line style="lineType:dotted;lineColor:#000;" startX="0" startY="<%=coupon_price_line%>" endX="<%=page_width%>" endY="<%=coupon_price_line%>"></line>
    <!--总价格-->
    <layout width="25" height="5" left="5" top="<%=total_price_height%>">
        <text style="fontFamily:SimHei;lineHeight:5;align:right;">
            <![CDATA[用户在线支付]]>
        </text>
    </layout>
    <layout width="20" height="7.00" left="32" top="<%=total_price_height -1%>">
        <text style="fontFamily:SimHei;fontWeight:bold;fontSize:13;">
            <![CDATA[<%=_data.total_price%>元]]>
        </text>
    </layout>
    <!--总价格分割线-->
    <line style="lineType:dashed;lineColor:#000;" startX="0" startY="<%=total_price_line%>" endX="<%=page_width%>" endY="<%=total_price_line%>"></line>
    <!-- 客户名称-->
    <layout width="48" height="7" left="0" top="<%=user_name_height%>">
        <text style="fontFamily:SimHei;fontWeight:bold;fontSize:14;">
            <![CDATA[<%=_data.real_name%>]]>
        </text>
    </layout>
    <!--客户手机号-->
    <layout width="48.00" height="12" left="0" top="<%=user_phone_height%>">
        <text style="fontFamily:SimHei;fontWeight:bold;fontSize:14;">
            <![CDATA[顾客号码：手机尾号<%=_data.user_phone%>]]>
        </text>
    </layout>
    <!--一维码-->
    <layout width="40.00" height="7.60" left="6" top="<%=code_height%>">
        <barcode type="code128" style="hideText:true;rotation:0" ratioMode="keepRatio"><![CDATA[123456]]></barcode>
    </layout>
    <!--页脚-->
    <layout width="48" height="5" left="0" top="<%=footer_title_height%>">
        <text style="fontFamily:SimHei;fontSize:11;lineHeight:5;align:center;">
            <![CDATA[***** #<%=_data.issue_number %>完 *****]]>
        </text>
    </layout>
</page>
